import { Outlet, Link } from 'react-router-dom';
import { Layout, Menu, Breadcrumb } from 'antd';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

const { Header, Content, Footer } = Layout;

export default function App() {
  return (
    <Layout className="min-h-screen">
      {/* <FontAwesomeIcon icon="italic" /> */}
      <Header>
        {/* <Menu theme="dark" mode="horizontal">
          <Menu.Item key="home">
            <Link to="/home">首页</Link>
          </Menu.Item>
          <Menu.Item key="about">
            <Link to="/about">关于</Link>
          </Menu.Item>
        </Menu> */}
      </Header>

      <Content className="p-4">
        {/* <Breadcrumb className="mb-4">
          <Breadcrumb.Item>Home</Breadcrumb.Item>
        </Breadcrumb> */}
        <Outlet />
      </Content>

      <Footer className="text-center">Ant Design ©{new Date().getFullYear()} Created by Your Name</Footer>
    </Layout>
  );
}
